<extend name="Base/common"/>
<block name="body">
<!--广告幻灯片样式-->
   	<div id="slideBox" class="slideBox">
			<div class="hd">
				<ul class="smallUl"></ul>
			</div>
			<div class="bd">
				<ul>
					<li><a href="#" target="_blank"><div style="background:url(/Public/Home/AD/ad-1.jpg) no-repeat; background-position:center; width:100%; height:450px;"></div></a></li>
					<li><a href="#" target="_blank"><div style="background:url(/Public/Home/AD/ad-2.jpg) no-repeat; background-position:center ; width:100%; height:450px;"></div></a></li>
				</ul>
			</div>
			<!-- 下面是前/后按钮-->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>

		</div>
		<script type="text/javascript">
		jQuery(".slideBox").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true});
		</script>
 </div>

<!--内容样式-->
<div id="mian">
 <div class="clearfix marginbottom">
 <!--产品分类样式-->
  <div class="Menu_style" id="allSortOuterbox">
   <div class="title_name"><em></em>所有商品分类</div>
   <div class="content hd_allsort_out_box_new">
    <ul class="Menu_list">
		  <volist name="tree" id="tre">
		  <li class="name">
		  	 <div class="Menu_name"><a href="{:U('Lei/index',array('id'=>$tre['id']))}">{$tre['title']}</a> <span>&lt;</span></div>
		     <div class="link_name">
		  <p>
		  <volist name="tre['_']" id="v">
          <a href="{:U('Lei/index',array('id'=>$v['id']))}">{$v.title}</a> | 
          </volist>
          </p>
          </div>
          <div class="menv_Detail">
          <div class="cat_pannel clearfix">
          <div class="hd_sort_list">
          <volist name="tre['_']" id="vv">
          <dl class="clearfix" data-tpc="1">
			 <dt><a href="{:U('Lei/index',array('id'=>$vv['id']))}">{$vv.title}<i>></i></a></dt>
			 <dd>
			 <volist name="vv['_']" id="v">
			 <a href="{:U('Lei/index',array('id'=>$v['id']))}">{$v['title']}</a> 
			</volist>
		  </dd>
		</dl> 
		</volist>
		</div>
		   <div class="Brands">
		</div>
		</div>
			</div>
          </volist>
    </ul>
   </div>
  </div>
  <script>$("#allSortOuterbox").slide({ titCell:".Menu_list li",mainCell:".menv_Detail",	});</script>
  <!--产品栏切换-->
  <div class="product_list left">
  		<div class="slideGroup">
			<div class="parHd">
				<ul>
        <li>健康饮食</li>
        </ul>
			</div>
			<div class="parBd">
					<div class="slideBoxs">
						<a class="sPrev" href="javascript:void(0)"></a>
						<ul>
						<volist name="sho" id="v">
							<li>
								<div class="pic">
                <a href="{:U('xiang/index',array('id'=>$v['id'],'mprice'=>$v['2']))}" target="_blank">
                <img src="/Uploads/{$v.1}" />
                </a>
                </div>
								<div class="title">
                <a href="#" target="_blank" class="name">{$v.0}</a>
                 <h3><b>￥</b>{$v.2}</h3>
                 </div>
							</li>
						</volist>
						</ul>
						<a class="sNext" href="javascript:void(0)"></a>
					</div><!-- slideBox End -->
			</div><!-- parBd End -->
		</div>
        <script type="text/javascript">
			/* 内层图片无缝滚动 */
			jQuery(".slideGroup .slideBoxs").slide({ mainCell:"ul",vis:4,prevCell:".sPrev",nextCell:".sNext",effect:"leftMarquee",interTime:50,autoPlay:true,trigger:"click"});
			/* 外层tab切换 */
			jQuery(".slideGroup").slide({titCell:".parHd li",mainCell:".parBd"});
		</script>
        <!--广告样式-->
        <div class="Ads_style">
        <volist name="s" id="a">
        <a href="{:U('xiang/index',array('id'=>$a['id']))}">
        <img src="/Uploads/{$a.pic}" style="width:318px;height:308px">
        </a>
        </volist>
        </div>
  </div>
 </div>
 <!--板块栏目样式-->
 <div class="clearfix Plate_style">
  <div class="Plate_column Plate_column_left">
    <div class="Plate_name">
    <h2>最新产品</h2>
    <div class="Sort_link">
    <volist name="zs" id="j">
    <a href="{:U('Lei/index',array('id'=>$j['id']))}" class="name">{$j.title|mb_substr=0,4,utf8}...</a>
    </volist>
    </div>
    <img src="/Public/Home/images/bk_img_14.png" />
    </div>
    <div class="Plate_product">
    <ul id="lists">
    <volist name="inp" id="in">
     <li class="product_display">
     <a href="{:U('xiang/index',array('id'=>$in['id']))}" class="img_link">
     <img src="/Uploads/{$in.pic}"  width="140" height="140"/>
     </a>
     <a href="{:U('xiang/index',array('id'=>$in['id']))}" class="name">{$in.title}</a>
     <h3><b>￥</b>{$ior[$key]}</h3>
    <div class="Detailed">
	   <div class="content">
		  <p class="center">
      <a href="{:U('xiang/index',array('id'=>$in['id']))}" class="Buy_btn">立即购买</a>
      </p>
		  </div>
	   </div>
     </li>
</volist>
    </ul>
    </div>
  </div>
  <!--板块名称-->
    <div class="Plate_column Plate_column_right">
    <div class="Plate_name">
    <h2>热门推荐</h2>
    <div class="Sort_link">
    <volist name="ss" id="j">
    <a href="{:U('Lei/index',array('id'=>$j['id']))}" class="name">{$j.title|mb_substr=0,4,utf8}...</a>
    </volist>
    </div>
    <img src="/Public/Home/images/bk_img_19.png" />
    </div>
    <div class="Plate_product">
    <ul id="lists">
    <volist name="input" id="put">
     <li class="product_display">
     <a href="{:U('xiang/index',array('id'=>$put['id']))}" class="img_link">
     <img src="/Uploads/{$put.pic}"  width="140" height="140"/></a>
     <a href="{:U('xiang/index',array('id'=>$put['id']))}" class="name">{$put.title}</a>
     <h3><b>￥</b>{$io[$key]}</h3>
    <div class="Detailed">
	   <div class="content">
		  <p class="center"><a href="{:U('xiang/index',array('id'=>$put['id']))}" class="Buy_btn">立即购买</a></p>
		  </div>
	   </div>
     </li>
     </volist>
    </ul>
    </div>
  </div>
 </div>
 <!--友情链接-->
 <div class="link_style clearfix">
 <div class="title">友情链接</div>
 <div class="link_name">
 <volist name="friend" id="fr">
  <a href="{$fr.url}" style="width: 100px;height: 50px;text-align: center;line-height: 20px;">{$fr.name}<br>{$fr.des|mb_substr=0,7,utf8}...</a>
  </volist>
 </div>
 </div>

</block>